<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>form1.html</title>
</head>
<body>
	<h1>Form Tag Example</h1>
		<form name='frm' action='' method='post'>
			나의 아이디는
			<input type='text' name='mid' value='Lee' maxlength='10' size='10'>
			으로 설정하고, 암호는
			<input type='password' name='pwd' value='1111' maxlength='10' size='10'>
			으로 정하고 싶소.<p/>
			
			내 주소는<input type='search' name='address' value='충북 청주시' maxlength='20' size='20' >
			이고,
			연락처는<input type='search' name='ph' value='010' maxlength='3' size='3'> - 
			<input type='search' name='ph' value='0000' maxlength='4' size='4'>-
			<input type='search' name='ph' value='0000' maxlength='4' size='4'>
			입니다<p/>
			
			성별은[
			
			<label><input type='radio' name='gender' value='m'>남자	</label>
			<label><input type='radio' name='gender' value='f' checked>여자</label>
			<label><input type='radio' name='gender' value='a'>혹시</label>
			] 이지요.^^ <p/>
			</input>
			
			<label><input type='checkbox' name='hobby' value='독서'>독서</label> 
			<label><input type='checkbox' name='hobby' value='낚시'>낚시</label> 
			<label><input type='checkbox' name='hobby' value='등산'>등산</label> 
			<label><input type='checkbox' name='hobby' value='스쿠버'>스쿠버</label>
			<label><input type='checkbox' name='hobby' value='글라이딩'>글라이딩</label> 
			<label><input type='checkbox' name='hobby' value='여행'>여행</label> 
			을 즐기고 있지요.<p/>
			
			저의 프로필 사진은
			[<input type='file' name='photo'>]를 참고하시면 될듯.ㅋㅋㅋ<p/>
			
			이곳까지는 사용자 기본정보 이므로 그냥
			<input type='button' value='전송'> 하시면 됩니다.
			
		</form>
		<p/>
		
		
		하단에 기술되는 정보는 사용자 선택에 의해 추가 전송될 수 있는 정보입니다.
		<hr/>
		<form name='frm2' action='' method='post'>
			<input type='email' size='20' name='email' value='sara100410@naver.com'>으로 보내주세요.
			<p/>
			
			저의 나이는 
			<input type='number' min='1' max='200' value='20'>
			살이고, 체력은
			<input type='range' min='0' max='100' value='100' step='10' >
			퍼센트 충전되어 있다고 생각하지요.ㅋㅋㅋ<p/>
			
			제가 태어난 시간은
			<input type='time' name='birthtime'>에 태어난지라 좋아하는 색상은
			<input type='color'> 이네요.<p/>
			
			끝으로 제가 부탁하고 싶은 이야기는 <br/>
			<textarea cols='50' rows='6' name='doc'> 예쁘게 봐주면 안돼겠니??
			</textarea>
			<p/>
			<hr/>
			
			님께서 수강하실 과정의 커리큘럼의 상세내용입니다.<p/>
			<select name='study'>
				<optgroup label='Java'>
					<option>자바 개론
					<option>변수 상수
					<option>제어문...					
				</optgroup>
			
				<optgroup label='Html'>
					<option>태그의 종류
					<option>HTML5의 특징
					<option>웹표준과 접근성				
				</optgroup>
				
				<optgroup label='Ajax'>
					<option>자바 스크립트
					<option>XMLHttpRequest
					<option>Suggest 기능 구현			
				</optgroup>
			
			
			</select>
		</form>
</body>
</html>